// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

// 3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);

// 3.0.2 导入路由规则对应的组件对象
import home from './components/home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
import newsinfo from './components/news/newsinfo.vue';
import photolist from './components/photo/photolist.vue';
import photoinfo from './components/photo/photoinfo.vue';
import goodslist from './components/goods/goodslist.vue';
import goodsinfo from './components/goods/goodsinfo.vue';
import goodsdesc from './components/goods/goodsdesc.vue';
import goodscomment from './components/goods/goodscomment.vue';
import car from './components/shopcar/car.vue';

// 3.0.2 定义路由规则
var router = new vueRouter({
	linkActiveClass:"mui-active",
	routes:[
		{path:"/",redirect:"/home"},
		{path:'/home',component:home},
		{path:'/shopcar',component:shopcar},
        {path:'/news/newslist',component:newslist}, //新闻资讯列表页面
        {path:'/news/newsinfo/:id',component:newsinfo},  // 新闻资讯详情页面
        {path:'/photo/photolist',component:photolist},  // 新闻资讯详情页面
        {path:'/photo/photoinfo/:id',component:photoinfo},
        {path:'/goods/goodslist',component:goodslist},
        {path:'/goods/goodsinfo/:id',component:goodsinfo},
        {path:'/goods/goodsdesc/:id',component:goodsdesc},
        {path:'/goods/goodscomment/:id',component:goodscomment},
        {path:'/shopcar/car',component:car}
    ]
	});
//4.0 注册mint-ui
import "mint-ui/lib/style.min.css";
import mintui from "mint-ui";
Vue.use(mintui)
//注册mui的css样式
import '../statics/mui/css/mui.css';
import '../statics/css/site.css';
// 7.0 将vue-resource在vue中绑定，自动在vue对象实例上注入一个$http对象就可以使用ajax方法了
import vueResource from "vue-resource";
Vue.use(vueResource)
// 8.0自定义过滤器，实现日期格式化
import  moment from "moment"
Vue.filter("datefmt",function (input,fmtstring) {
	return moment(input).format(fmtstring);
})
//9.0使用图片预览组件
import VuePreview from 'vue-preview';
Vue.use(VuePreview);

// 5.0 利用Vue对象进行解析渲染
new Vue({
	el:'#app',
	// 使用路由对象实例
	router,
	// render:function(create){create(App)} //es5的写法
	render:c=>c(App)  // es6的函数写法 =>：goes to
});